<title>账户绑定</title>
<style type="text/css">
	body {
		background: url(img/login.png) no-repeat center center !important;
		background-size: cover;
	}
</style>
<!--<img src="img/logo1.png" alt="" id="logo" />-->
<script>
	var type = window.location.hash.split("?")[1]
	if(type == "0") {
		$("#bigHasName").show();
		$('#binding').height(730)
	}
</script>
<p class="welcome">欢迎用户：<span id="userId">{{userLogin}}</span>
	<a href="###" id="bindingout" style="margin-left: 50px;color: white;">退出</a>
</p>
<div id="binding" class="allCenter ">
	<h3>绑定申请</h3>
	<div class="wrap">
		<div class="innerBox">
			<label>账&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</label>
			<input type="text" placeholder="请输入您的MT5真实账户" id="zh" />
		</div>
	
		<div class="innerBox">
			<label>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码</label>
			<input type="password" placeholder="请输入您的MT5密码" id="pwd" />
		</div>
		<div class="innerBox">
			<label>手机号码</label>
			<input type="text" placeholder="请您的手机号码" id="phone" />
		</div>
		<div class="innerBox" style="display: none;" id="bigHasName">
			<label>信号源名称</label>
			<input type="text" placeholder="请输入十个字以下" id="shopName" />
		</div>
	
		<div class="warning">
			<p>注意事项:</p>
			<br />
			<p>1.提交绑定信息后，我们的客户服务人员核对后将与您取得联系，请确保您预留的联系方式正确。</p>
			<p>2.如果您尚未注册MT5账号，请与客服人员取得联系。</p>
			<p>3.在使用微信跟单系统前，应确认已熟知微信跟单系统的各项操作原理，跟单及平仓操作属于个人行为，与所属平台商无关。</p>
			<p>4.客户在使用微信跟单系统时，应仔细阅读信号源详情中的跟单规则和提示，了解开仓和平仓规则，谨慎选择适合自身投资能力和风险承受能力的信号源。</p>
			<p>5.BeraringFX负责提供微信跟单系统且无偿为客户提供跟单社区问题交流及处理服务，客户需谨慎选择信号源，跟单盈亏自负，与BeraringFX无关。</p>
			
			<div class="layui-row">

				<div class="layui-col-md6 layui-col-xs6">
					<button class="sure" ng-click="sureBang()">确认</button>
				</div>
				<div class="layui-col-md6 layui-col-xs6">
					<button class="cansel" id="cel">取消</button>

				</div>
			</div>

		</div>

	</div>

</div>
<script type="text/javascript">
	$('body').height($(window).height());
	$(window).resize(function() {
		$('body').height($(window).height());

	})
	$('#cel').click(function() {
		window.location.href = "#/level"

	})
	var countdown = 60;
	var bol = true;

	$('#getCodeBtn').click(function() {

			if($('#pass').val() == "") {
				$('#pass').val("邮箱不能为空");
				$('#pass').css("color", "red");

			} else if(emailGe($('#pass').val()) == false) {
				return false;
			} else {

				bol = setTime($('#pass').val(), $('#getCodeBtn'), bol, '/wechat_mt5/mt/user/binding/mt/send/mail', 'get');

			}

		})
		//	$("#userId").html(sessionStorage.getItem("userLogin"))

	$('#zh').blur(function() {
		if($('#zh').val() == "") {
			$('#zh').val("账号不能为空");
			$('#zh').css("color", "red")
			return false;

		}

		if(isNaN($('#zh').val() * 1)) {
			$('#zh').val("账号格式不正确");
			$('#zh').css("color", "red")
			return false;
		}

	})
	$('#pass').blur(function() {
		if($('#pass').val() == "") {
			$('#pass').val("邮箱不能为空");
			$('#pass').css("color", "red");

			return false;

		}
		var re = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;

		if(!re.test($('#pass').val())) {

			$('#pass').val("邮箱格式不正确");
			$('#pass').css("color", "red")
			return false;

		}

	})
	$('#pass2').blur(function() {
		if($('#pass2').val() == "") {
			$('#pass2').val("验证码不能为空");
			$('#pass2').css("color", "red");

			return false;

		}

	})
	$('#shopName').blur(function() {
		if($('#shopName').val() == "") {
			$('#shopName').val("信号源名称不能为空");
			$('#shopName').css("color", "red");
			return false;
		}
		if($('#shopName').val().length > 10) {
			$('#shopName').val("名称不能超过十个字");
			$('#shopName').css("color", "red");
			return false;
		}

	})
	console.log($('#shopName'))
	$('#phone').blur(function() {
		if($('#phone').val() == "") {
			$(this).val("手机号不能为空");
			$('#phone').css("color", "red");
			return false;

		}
		var re = /^1[34578]\d{9}$/;

		if(!re.test($('#phone').val())) {
			$('#phone').val("手机号格式不正确");
			$('#phone').css("color", "red");

			return false;

		}

	})
	$('#shopName').focus(function() {
		if($(this).val() == "信号源名称不能为空" || "名称不能超过十个字") {
			$(this).val("")
			$(this).css("color", "black")
		}
	})
	$('#zh').focus(function() {
		if($('#zh').val() == "账号不能为空" || "账号格式不正确" || "此账户已绑定或审核中") {
			$(this).val("")
			$(this).css("color", "black")
		}
		console.log($(this).val())
	})
	$('#pass').focus(function() {
		if($(this).val() == "邮箱不能为空" || "邮箱格式不正确") {
			$(this).val("")
			$(this).css("color", "black")
		}

	})
	$('#pass2').focus(function() {
		if($(this).val() == "验证码不能为空" || "验证码错误") {
			$(this).val("")
			$(this).css("color", "black")
		}

	})
	$('#phone').focus(function() {
		if($(this).val() == "手机号不能为空" || "手机号格式不正确") {
			$(this).val("")
			$(this).css("color", "black")
		}

	})

	$('#bindingout').click(function() {
		$.ajax({
			type: "get",
			url: "/wechat_mt5/user/logout",
			success: function(data) {
				if(data.code == 0) {
					window.location.href = "#/";

				}
			}

		})
	})
</script>